<template>
    <div class="basic-info-warp">
        <a-card title="文件基本信息">
            <Detail :data-source="model" :layout="detailLayout" labelWidth="150px"></Detail>
        </a-card>
    </div>
</template>
<script lang="ts" setup>
    import { ref } from 'vue';
    import Detail from '@/components/detail/index.vue';
    defineOptions({
        // 文件基本信息
        name: 'FileBasicInfo'
    });
    const model = defineModel({
        type: Object, // 类型检查
        required: true, // 是否必填
        // 默认值
        default: {}, 
    });
    const detailLayout = ref<any[][]>([
        [{label: '文件编号:', prop:'fileNo', labelAlign: 'right' }, {label: '文件版本:', prop:'fileVersion', labelAlign: 'right' }],
        [{label: '文件状态:', prop:'fileStatus', labelAlign: 'right' }, {label: '文件属性:', prop: 'fileAttributes', labelAlign: 'right'}],
        [{label: '文件类别:', prop: 'fileCategory', labelAlign: 'right'}, {label: '来料部件质量管理程序:', prop: 'fileName', labelAlign: 'right'}],
        [{label: '发送至:', prop: 'sendTO', labelAlign: 'right'}, {label: '创建人:', prop: 'createUser', labelAlign: 'right'}],
        [{label: '文件所属人:', prop: 'filesOwner', labelAlign: 'right'}, {label: '是否被占用:', prop:'IsOccupied', labelAlign: 'right' }],
    ]);
</script>
<style lang="less" scoped>
    .basic-info-warp{
        position: relative;
    }
</style>